<style>
.readonly-radio-group {
  pointer-events: none; /* 禁止所有鼠标交互 */
}
</style>
<template>
    <ContentWrap>
      <el-descriptions :column="4" border label-width="120px" :size="size">
        <el-descriptions-item label="订单编号">
          <span>ZL1111111</span>
        </el-descriptions-item>
        <el-descriptions-item label="客户名称/单位名称">
          <span>苏州中来民生</span>
        </el-descriptions-item>
        <el-descriptions-item label="身份证号/企业税号">
          {{ formData.user }}
        </el-descriptions-item>
        <el-descriptions-item label="联系方式">
            <span>15577150850</span>
        </el-descriptions-item>
        <el-descriptions-item label="所属大区">
          <!-- <el-select v-model="formData.belongArea" style="width: 100%;" placeholder="请选择大区" clearable class="!w-240px" disabled>
            <el-option v-for="dict in getIntDictOptions(DICT_TYPE.CRM_BELONG_AREA)" :key="dict.value"
                  :label="dict.label" :value="dict.value" />
          </el-select> -->
            <span>南方大区</span>
        </el-descriptions-item>
        <el-descriptions-item label="业务经理">
            <span>中来民生</span>
        </el-descriptions-item>
        <el-descriptions-item label="业务经理联系方式">
            <span>15577150850</span>
        </el-descriptions-item>
        <el-descriptions-item label="付款方式">
            <span>线下支付</span>
        </el-descriptions-item>
        <el-descriptions-item label="客户类型">
          <el-radio-group v-model="formData.userType" class="readonly-radio-group">
                    <el-radio value="1">个人</el-radio>
                    <el-radio value="2">企业</el-radio> 
          </el-radio-group>
        </el-descriptions-item>
        <el-descriptions-item label="销售类型">
          <el-radio-group v-model="formData.saleType" class="readonly-radio-group">
                    <el-radio value="1">物料类(不含施工)</el-radio>
                    <el-radio value="2">项目类(含施工)</el-radio> 
          </el-radio-group>
        </el-descriptions-item>
        <el-descriptions-item label="合同类型">
          <el-radio-group v-model="formData.saleType" class="readonly-radio-group">
                    <el-radio value="1">标准合同</el-radio>
                    <el-radio value="2">非标准合同</el-radio> 
          </el-radio-group>
        </el-descriptions-item>
        <el-descriptions-item label="产品类型">
          <el-radio-group v-model="formData.productType" class="readonly-radio-group">
                    <el-radio value="1">标准产品</el-radio>
                    <el-radio value="2">非标准产品</el-radio> 
          </el-radio-group>
        </el-descriptions-item>
      </el-descriptions>
      <el-descriptions :column="1" border label-width="120px" :size="size">
          <el-descriptions-item label="客户地址">
                {{ formData.user }}
          </el-descriptions-item>
          <el-descriptions-item label="备注">
            {{ formData.remark }}
          </el-descriptions-item>
      </el-descriptions>
    </ContentWrap>
</template>
<script setup lang="ts">
import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
import * as ExplorationApi from '@/api/crm/exploration'

const size='small';
const formData = {
    user:'111',
    userType:"1",
    belongArea:1,
    saleType:"1",
    productType:"1",
    contractType:"1",
    remark:"111",
};

const { product } = defineProps<{ product: ExplorationApi.ExplorationVO }>()
</script>
